import { Text, StyleSheet, View, Image, Dimensions, TouchableWithoutFeedback } from 'react-native'
import React, { Component } from 'react'
import { IconFill, IconOutline } from "@ant-design/icons-react-native";
import { pTx } from '../../utils/dimensions';


export default class ImportWalletMethod extends Component {
    render() {
        return (
            <View style={styles.page}>
                <TouchableWithoutFeedback onPress={() => this.props.navigation.navigate('importPrivateKey', this.props.route.params)}>
                    <View style={styles.row}>
                        <View style={styles.cell}>
                            <Image style={styles.icon} source={require('../../assets/image/icon6.png')}></Image>
                            <View >
                                <Text style={styles.name}>私钥导入</Text>
                                <Text style={styles.txt}>通过输入明文私钥进行导入</Text>
                            </View>
                        </View>
                        <IconOutline name="right" style={styles.iconRight} />
                    </View>
                </TouchableWithoutFeedback>
                <TouchableWithoutFeedback onPress={() => this.props.navigation.navigate('importMnemonic', this.props.route.params)}>
                    <View style={styles.row}>
                        <View style={styles.cell}>
                            <Image style={styles.icon} source={require('../../assets/image/icon4.png')}></Image>
                            <View >
                                <Text style={styles.name}>助记词导入</Text>
                                <Text style={styles.txt}>通过输入助记词进行导入</Text>
                            </View>
                        </View>
                        <IconOutline name="right" style={styles.iconRight} />
                    </View>
                </TouchableWithoutFeedback>
                {/* <View style={[styles.row, { borderColor: "rgba(175, 181, 189, 0)" }]}>
                    <View style={styles.cell}>
                        <Image style={styles.icon} source={require('../../assets/image/icon5.png')}></Image>
                        <View >
                            <Text style={styles.name}>观察钱包</Text>
                            <Text style={styles.txt}>无需导入私钥，输入账号或者对应公钥即可导入</Text>
                        </View>
                    </View>
                    <IconOutline name="right" style={styles.iconRight} />
                </View> */}
            </View>
        )
    }
}

const styles = StyleSheet.create({
    page: {

    },
    row: {
        paddingHorizontal: pTx(15),
        paddingVertical: pTx(23),
        flexDirection: 'row',
        justifyContent: "space-between",
        alignItems: "center",
        borderBottomWidth: 1,
        borderColor: "rgba(175, 181, 189, 0.15)",
        backgroundColor: "#fff"
    },
    cell: {
        maxWidth: Dimensions.get('screen').width - pTx(120),
        flexDirection: 'row',
        alignItems: "center",
    },
    icon: {
        marginRight: pTx(12),
        width: pTx(32),
        height: pTx(32),
    },
    name: {
        fontSize: pTx(16),
        color: "#0A0C14"
    },
    txt: {
        marginTop: pTx(5),
        fontSize: pTx(13),
        color: "#AFB5BD"
    },
    iconRight: {
        fontSize: pTx(12),
        color: "rgba(178, 178, 178, 1)"
    }
})